<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的收藏（店铺）</title>

    <!--公用css引用-->
    <?php include 'include/style.php';?>
    <!--END/公用css引用-->
    <link rel="stylesheet" href="../css/userCenter.css">
</head>
<body>

<!--公共头部-->
<?php include 'include/header.php';?>
<!--END/公共头部-->

<div class="inbox user-center">
    <div class="layout-margin unend">
        <div class="sidebar-end"></div>
        <div class="sidebar-start">
            <?php include 'include/leftnav.php';?>
        </div>

        <!--主体部分-->
        <div class="container">
            <div class="container-inner u-order">
                <div class="ui-brd-box1">
                    <div class="tit-2 tit-skin-2">
                        <span class="h">我的收藏</span>
                    </div>

                    <div class="order-list order-list-big">
                        <div class="table-head fn-ohide">
                            <div class="search-box">
                                <form class="bl-form" method="get" action="">
                                    <div class="fn-dib fn-rel keybox">
                                        <input type="text" name="key" placeholder="请输入店铺名称" autocomplete="off" class="fn-tinput key">
                                        <span class="fn-dib submit">
                                            <button class="fn-btn btn-submit" type="submit">搜索</button>
                                        </span>
                                        <i class="icon icon-search fn-abs"></i>
                                    </div>
                                </form>
                            </div>
                            <div class="order-type">
                                <ul class="link-list link-list-skin2">
                                    <li><a href="collection-goods.php"> 收藏的商品（3）</a></li>
                                    <li class="cur"><a href="collection-store.php"> 收藏的店铺（1）</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="tit-3 tit-skin-2">
                            <div class="h fn-ml10">
                                <label><input type="checkbox">全选</label>
                                <button class="fn-btn fn-btn-small fn-ml10">取消收藏</button>
                            </div>
                        </div>

                        <div class="store-list">

                            <!--店铺信息-->
                            <div class="store-block">
                                <label class="chk"><input type="checkbox"></label>
                                <div class="brand-logo">
                                    <a href="#" target="_blank">
                                        <img width="180" height="72" src="../images/detail/c-logo.jpg" title="专营店">
                                    </a>
                                </div>
                                <div class="ui-brd-box1">
                                    <ul class="text-list">
                                        <li>
                                            <span class="label">店铺：</span>
                                            <a class="store-link link" href="#">Innisfree官方旗舰店</a>
                                        </li>
                                        <li>
                                            <span class="label">联系：</span>
                                            <a class="store-link service link" href="#" title="联系客服"><i class="icon icon-service-blue fn-mr10"></i>联系客服</a>
                                        </li>
                                        <li>
                                            <span class="label">发货：</span>
                                            <a class="store-link">由保税仓直接发货</a>
                                        </li>
                                    </ul>

                                    <div class="btns">
                                        <a href="#" class="fn-btn fn-dib">进入店铺</a>
                                        <a href="#" class="fn-btn fn-dib">收藏店铺</a>
                                    </div>
                                </div>


                            </div>
                            <!--END/店铺信息-->

                            <div class="bl-tab fn-ohide">
                                <div class="tab-head">
                                    <span class="tab">店铺上新（2）</span> | <span class="tab">热卖爆款（2）</span>
                                </div>
                                <div class="tab-con">
                                    <div class="tab-show">
                                        <ul class="bl-imglist imglist-3col">
                                            <li>
                                                <div class="col-space">
                                                    <a href="#">
                                                        <img src="../images/classify/pic-10.jpg" alt="">
                                                    </a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col-space">
                                                    <a href="#">
                                                        <img src="../images/classify/pic-11.jpg" alt="">
                                                    </a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col-space">
                                                    <a href="#">
                                                        <img src="../images/classify/pic-12.jpg" alt="">
                                                    </a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-show">
                                        <ul class="bl-imglist imglist-3col">
                                            <li>
                                                <div class="col-space">
                                                    <a href="#">
                                                        <img src="../images/classify/pic-13.jpg" alt="">
                                                    </a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col-space">
                                                    <a href="#">
                                                        <img src="../images/classify/pic-14.jpg" alt="">
                                                    </a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="col-space">
                                                    <a href="#">
                                                        <img src="../images/classify/pic-15.jpg" alt="">
                                                    </a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>


                        </div>

                        <div class="store-list ui-brd-t">

                                <!--店铺信息-->
                                <div class="store-block">
                                    <label class="chk"><input type="checkbox"></label>
                                    <div class="brand-logo">
                                        <a href="#" target="_blank">
                                            <img width="180" height="72" src="../images/detail/c-logo.jpg" title="专营店">
                                        </a>
                                    </div>
                                    <div class="ui-brd-box1">
                                        <ul class="text-list">
                                            <li>
                                                <span class="label">店铺：</span>
                                                <a class="store-link link" href="#">Innisfree官方旗舰店</a>
                                            </li>
                                            <li>
                                                <span class="label">联系：</span>
                                                <a class="store-link service link" href="#" title="联系客服"><i class="icon icon-service-blue fn-mr10"></i>联系客服</a>
                                            </li>
                                            <li>
                                                <span class="label">发货：</span>
                                                <a class="store-link">由保税仓直接发货</a>
                                            </li>
                                        </ul>

                                        <div class="btns">
                                            <a href="#" class="fn-btn fn-dib">进入店铺</a>
                                            <a href="#" class="fn-btn fn-dib">收藏店铺</a>
                                        </div>
                                    </div>


                                </div>
                                <!--END/店铺信息-->

                                <div class="bl-tab fn-ohide">
                                    <div class="tab-head">
                                        <span class="tab">店铺上新（2）</span> | <span class="tab">热卖爆款（2）</span>
                                    </div>
                                    <div class="tab-con">
                                        <div class="tab-show">
                                            <ul class="bl-imglist imglist-3col">
                                                <li>
                                                    <div class="col-space">
                                                        <a href="#">
                                                            <img src="../images/classify/pic-10.jpg" alt="">
                                                        </a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="col-space">
                                                        <a href="#">
                                                            <img src="../images/classify/pic-11.jpg" alt="">
                                                        </a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="col-space">
                                                        <a href="#">
                                                            <img src="../images/classify/pic-12.jpg" alt="">
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="tab-show">
                                            <ul class="bl-imglist imglist-3col">
                                                <li>
                                                    <div class="col-space">
                                                        <a href="#">
                                                            <img src="../images/classify/pic-13.jpg" alt="">
                                                        </a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="col-space">
                                                        <a href="#">
                                                            <img src="../images/classify/pic-14.jpg" alt="">
                                                        </a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="col-space">
                                                        <a href="#">
                                                            <img src="../images/classify/pic-15.jpg" alt="">
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>


                            </div>


                    </div>
                </div>

                <!--分页-->
                <!--  fn-tl/fn-tc/fn-tr 左中右定位; pager-big 大尺寸分页 可不加-->
                <div class="pager fn-tr">
                    <ul class="pagination">
                        <li class="disabled"><span>«</span></li>
                        <li class="active"><span>1</span></li>
                        <li><a href="http://afuyigou.app/search?page=1">2</a></li>
                        <li><a href="http://afuyigou.app/search?page=3">3</a></li>
                        <li><a href="http://afuyigou.app/search?page=4">4</a></li>
                        <li><a href="http://afuyigou.app/search?page=5">5</a></li>
                        <li><a href="http://afuyigou.app/search?page=6">6</a></li>
                        <li><a href="http://afuyigou.app/search?page=7">7</a></li>
                        <li><a href="http://afuyigou.app/search?page=2" rel="next">»</a></li>
                    </ul>
                </div>
                <!--END/分页-->



                <!--猜你喜欢-->
                <div class="recommend-list ui-brd-box1" style="padding-top: 10px">
                    <div class="list-head fn-mb10">
                        <div class="tit tit-4">
                            <h3 class="h fn-mr10">为你推荐</h3>
                            <a href="#" class="more"><i class="icon icon-load1"></i>换一批</a>
                        </div>
                    </div>
                    <div class="list-body">
                        <ul class="bl-imglist imglist-7col brand-list">
                            <li>
                                <div class="col-space">
                                    <a href="#">
                                        <img src="../images/detail/c-logo.jpg" alt="">
                                        <p class="name fn-dib-otw">法国兰蔻法国兰蔻</p>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="col-space">
                                    <a href="#">
                                        <img src="../images/detail/c-logo.jpg" alt="">
                                        <p class="name fn-dib-otw">法国兰蔻法国兰蔻</p>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="col-space">
                                    <a href="#">
                                        <img src="../images/detail/c-logo.jpg" alt="">
                                        <p class="name fn-dib-otw">法国兰蔻法国兰蔻</p>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="col-space">
                                    <a href="#">
                                        <img src="../images/detail/c-logo.jpg" alt="">
                                        <p class="name fn-dib-otw">法国兰蔻法国兰蔻</p>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="col-space">
                                    <a href="#">
                                        <img src="../images/detail/c-logo.jpg" alt="">
                                        <p class="name fn-dib-otw">法国兰蔻法国兰蔻</p>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="col-space">
                                    <a href="#">
                                        <img src="../images/detail/c-logo.jpg" alt="">
                                        <p class="name fn-dib-otw">法国兰蔻法国兰蔻</p>
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="col-space">
                                    <a href="#">
                                        <img src="../images/detail/c-logo.jpg" alt="">
                                        <p class="name fn-dib-otw">法国兰蔻法国兰蔻</p>
                                    </a>
                                </div>
                            </li>

                        </ul>
                    </div>
                </div>
                <!--END/猜你喜欢-->

                <!--无数据-->
                <div class="ui-brd-box1 fn-mt30">
                    <div class="tit-2 tit-skin-2">
                        <span class="h">我的收藏</span>
                    </div>
                    <div class="order-list order-list-big">
                        <div class="table-head fn-ohide">
                            <div class="search-box">
                                <form class="bl-form" method="get" action="">
                                    <div class="fn-dib fn-rel keybox">
                                        <input type="text" name="key" placeholder="请输入店铺名称" autocomplete="off" class="fn-tinput key">
                                        <span class="fn-dib submit">
                                            <button class="fn-btn btn-submit" type="submit">搜索</button>
                                        </span>
                                        <i class="icon icon-search fn-abs"></i>
                                    </div>
                                </form>
                            </div>
                            <div class="order-type">
                                <ul class="link-list link-list-skin2">
                                    <li><a href="collection-goods.php"> 收藏的商品（0）</a></li>
                                    <li class="cur"><a href="collection-store.php"> 收藏的店铺（0）</a></li>
                                </ul>
                            </div>
                        </div>


                        <div class="bl-nodata order-nodata">
                            <div class="nodata-text fn-dib">
                                <i class="icon icon-nodata icon-nodata-3"></i>
                                <p class="fn-mb0">您暂时没有收藏任何店铺。</p>
                                <a href="#">查看感兴趣的店铺&gt;</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!--END/无数据-->

            </div>

        </div>
        <!--END/主体部分-->

    </div>
</div>

<!--公共尾部-->
<?php include 'include/footer.php'; ?>
<!--END/公共尾部-->

<!--公用js引用-->
<?php include 'include/script.php'; ?>
<!--END/公用js引用-->

<script src="../js/userCenter.js"></script>
</body>
</html>